{% extends "jobs/base.html" %}

{% block title %}My Applications · FirstByte{% endblock %}

{% block content %}
<h1>My Applications</h1>

{% if applications %}
    {% for app in applications %}
        <div style="border:1px solid #eee; border-radius:8px; padding:18px; margin-bottom:16px;">
            <h2 style="margin:0 0 6px;">
                <a href="{% url 'job_detail' app.job.id %}" style="color:#243E64; text-decoration:none;">{{ app.job.title }}</a>
            </h2>
            <p style="color:#555; margin:0 0 8px;">
                {% if app.job.category %}{{ app.job.category.name }}{% endif %}
                {% if app.job.budget %} &middot; {{ app.job.budget }}{% endif %}
            </p>
            <p style="margin:0;">
                Status:
                {% if app.status == 'ACCEPTED' %}
                    <span style="color:#2e7d32; font-weight:bold;">{{ app.get_status_display }}</span>
                {% elif app.status == 'DECLINED' %}
                    <span style="color:#c62828; font-weight:bold;">{{ app.get_status_display }}</span>
                {% else %}
                    <span style="color:#f57c00; font-weight:bold;">{{ app.get_status_display }}</span>
                {% endif %}
            </p>
            <p style="color:#888; margin:8px 0 0; font-size:14px;">Applied {{ app.applied_at|date:"j M Y" }}</p>
        </div>
    {% endfor %}
{% else %}
    <p>You haven't applied to any jobs yet. <a href="{% url 'job_list' %}">Browse jobs</a>.</p>
{% endif %}
{% endblock %}